@charset "utf-8";
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0; padding:0;}
body, input, textarea, select, button, table{ outline:none; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; box-shadow:none; outline:none; font-size:13px;}
body{ min-width:320px; /*max-width:640px;*/ margin:0 auto; background:#fff; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; color:rgba(0,0,0,0.9); -webkit-text-size-adjust:none; }
img, fieldset{border:0; vertical-align:top;}
ul,ol,li{ list-style:none;}
a{ color:rgba(0,0,0,0.9); text-decoration:none;}
a,a:link,a:visited{ -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none;}
select{ -webkit-appearance:listbox;}
input[type="button"]{-webkit-appearance:none; cursor:pointer;}
img{ max-width:100%; max-height:100%;}
table{ border-collapse:collapse; border-spacing:0;}

input::-webkit-input-placeholder{ color:#bbb;}
input::-moz-placeholder{ color:#bbb;}
input:-moz-placeholder{ color:#bbb;}
input:-ms-input-placeholder{ color:#bbb;}

textarea::-webkit-input-placeholder{ color:#bbb;}
textarea::-moz-placeholder{ color:#bbb;}
textarea:-moz-placeholder{ color:#bbb;}
textarea:-ms-input-placeholder{ color:#bbb;}

.clear,.clear_bt,.clear_bb,[class*=clear_h]{ height:0px; line-height:0px; zoom:0; clear:both; font-size:0px;}
.clear_h5{ height:5px;}
.clear_h10{ height:10px;}
.clear_h15{ height:15px;}
.clear_h20{ height:20px;}
.clear_h30{ height:30px;}
.clear_h40{ height:40px;}
.clear_h50{ height:50px;}
.clear_h60{ height:60px;}
.clear_h70{ height:70px;}
.clear_h80{ height:80px;}
.clear_bt{ border-top:solid 1px #e8e8e8;}
.clear_bb{ border-bottom:solid 1px #e8e8e8;}

.float_l{ float:left; display:inline;}
.float_r{ float:right; display:inline;}
.display_inb{ display:inline-block; vertical-align:top;}
.display_none{ display:none;}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.cursor{ cursor:pointer;}
.td_u,a.td_u{ text-decoration:underline;}
.td_u_hov:hover{ text-decoration:underline;}
.td_u_act:active{ text-decoration:underline;}
.overflow_hid{ overflow:hidden;}
.position_re{ position:relative;}

.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m5_0{ margin:5px 0;}
.m10_0{ margin:10px 0;}
.m15_0{ margin:15px 0;}
.m20_0{ margin:20px 0;}
.m0_5{ margin:0 5px;}
.m0_10{ margin:0 10px;}
.m0_15{ margin:0 15px;}
.m0_20{ margin:0 20px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}

.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p5_0{ padding:5px 0;}
.p10_0{ padding:10px 0;}
.p15_0{ padding:15px 0;}
.p20_0{ padding:20px 0;}
.p0_5{ padding:0 5px;}
.p0_10{ padding:0 10px;}
.p0_15{ padding:0 15px;}
.p0_20{ padding:0 20px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}

.w40{ width:40px;}
.w80{ width:80px;}
.w120{ width:120px;}
.w160{ width:160px;}
.w200{ width:200px;}
.w240{ width:240px;}
.w280{ width:280px;}
.w320{ width:320px;}
.w360{ width:360px;}
.w400{ width:400px;}
.w480{ width:480px;}
.w560{ width:560px;}
.w640{ width:640px;}

.w_percent_5{ width:5%;}
.w_percent_10{ width:10%;}
.w_percent_20{ width:20%;}
.w_percent_25{ width:25%;}
.w_percent_30{ width:30%;}
.w_percent_33{ width:33%;}
.w_percent_40{ width:40%;}
.w_percent_50{ width:50%;}
.w_percent_60{ width:60%;}
.w_percent_70{ width:70%;}
.w_percent_80{ width:80%;}
.w_percent_90{ width:90%;}
.w_percent_100{ width:100%;}

.fssm{ font-size:smaller!important;}
.fs12{ font-size:12px!important;}
.fs13{ font-size:13px!important;}
.fs14{ font-size:14px!important;}
.fs15{ font-size:15px!important;}
.fs16{ font-size:16px!important;}
.fs18{ font-size:18px!important;}
.fs20{ font-size:20px!important;}
.fs24{ font-size:24px!important;}

.color_000{ color:#000!important;}
.color_333{ color:#333!important;}
.color_666{ color:#666!important;}
.color_999{ color:#999!important;}
.color_ccc{ color:#ccc!important;}
.color_fff{ color:#fff!important;}
.color_06b{ color:#06b!important;}
.color_07f{ color:#07f!important;}
.color_09c{ color:#09c!important;}
.color_0b8{ color:#0b8!important;}
.color_f30{ color:#f30!important;}
.color_f44{ color:#f44!important;}
.color_f90{ color:#f90!important;}
.color_d00{ color:#d00!important;}
.color_246{ color:#246!important;}
.color_79b{ color:#79b!important;}
.color_fed{ color:#fed!important;}
.color_1a1{ color:#1a1!important;}

.bgc_fff{ background-color:#fff!important;}
.bgc_eee{ background-color:#eee!important;}
.bgc_f65{ background-color:#f65!important;}
.bgc_f44{ background-color:#f44!important;}
.bgc_1db{ background-color:#1db!important;}
.bgc_d00{ background-color:#d00!important;}
.bgc_f8{ background-color:#f8f8f8!important;}
.bgc_f6{ background-color:#f6f6f6!important;}
.bgc_f4{ background-color:#f4f4f4!important;}
.bgc_fb{ background-color:#fbfbfb!important;}
.bgc_10{ background-color:#101010!important;}
.bgc_0b8{ background-color:#0b8!important;}
.bgc_07f{ background-color:#07f!important;}
.bgc_335{ background-color:#335!important;}
.bgc_n{ background:none!important;}

/*按钮*/
.btn_bg,.btn_oline{ padding:5px 12px; border:solid 1px #e6e6e6; border-radius:3px; font-size:1em; display:inline-block; cursor:pointer; text-align:center; transition:all linear 0.2s; position:relative; box-sizing:border-box;}
.btn_bg:active,.btn_oline:active{ background:#f6f6f6;}

.btn_bg{ background:#fff;}
.btn_bg[class*=btnc_],.btn_bg[class*=btnl_]{ border-color:transparent; color:#fff;}
.btn_oline{ background:none;}
.btn_oline[class*=btnc_]{ background:none;}
.btn_oline[class*=btnc_]:active,.btn_oline[class*=btnl_]:active{ border-color:transparent; color:#fff;}
.btn_oline[class*=btnl_]:active{ }
.btn_oline[class*=btnl_]{ background:#fff; background-clip:padding-box; border-color:transparent;}
.btn_oline[class*=btnl_]:after{content:''; position:absolute; top:-1px; bottom:-1px;left:-1px; right:-1px; border-radius:3px; z-index:-1;}

/*蓝黑335，深绿0b8，浅绿4d6，蓝色07f，红色f44，橙色f90，紫色86e*/
.btnc_335{ background-color:#335; border-color:#335; color:#335;}
.btnc_335:active{background-color:#224;}
.btnc_0b8{ background-color:#0b8; border-color:#0b8; color:#0b8;}
.btnc_0b8:active{background-color:#0a8;}
.btnc_4d6{ background-color:#4d6; border-color:#4d6; color:#4d6;}
.btnc_4d6:active{background-color:#4c6;}
.btnc_07f{ background-color:#07f; border-color:#07f; color:#07f;}
.btnc_07f:active{background-color:#06f;}
.btnc_f44{ background-color:#f44; border-color:#f44; color:#f44;}
.btnc_f44:active{background-color:#e30;}
.btnc_f90{ background-color:#f90; border-color:#f90; color:#f90;}
.btnc_f90:active{background-color:#f80;}
.btnc_86e{ background-color:#86e; border-color:#86e; color:#86e;}
.btnc_86e:active{background-color:#85e;}

.btnl_335{background:linear-gradient(to right, #557 0%, #335 100%); color:#335;}
.btnl_335:after{ background:linear-gradient(to right, #557 0%, #335 100%);}
.btnl_335:active{background:linear-gradient(to right, #446 0%, #224 100%);}
.btnl_0b8{background:linear-gradient(to right, #3da 0%, #0b8 100%); color:#0b8;}
.btnl_0b8:after{ background:linear-gradient(to right, #3da 0%, #0b8 100%);}
.btnl_0b8:active{background:linear-gradient(to right, #3ca 0%, #0a8 100%);}
.btnl_4d6{background:linear-gradient(to right, #1e9 0%, #4d6 100%); color:#4d6;}
.btnl_4d6:after{ background:linear-gradient(to right, #1e9 0%, #4d6 100%);}
.btnl_4d6:active{background:linear-gradient(to right, #1d9 0%, #4c6 100%);}
.btnl_07f{background:linear-gradient(to right, #0af 0%, #07f 100%); color:#07f;}
.btnl_07f:after{ background:linear-gradient(to right, #0af 0%, #07f 100%);}
.btnl_07f:active{background:linear-gradient(to right, #09f 0%, #06f 100%);}
.btnl_f44{background:linear-gradient(to right, #f70 0%, #f44 100%); color:#f44;}
.btnl_f44:after{ background:linear-gradient(to right, #f70 0%, #f44 100%);}
.btnl_f44:active{background:linear-gradient(to right, #f60 0%, #f30 100%);}
.btnl_f90{background:linear-gradient(to right, #fb0 0%, #f90 100%); color:#f90;}
.btnl_f90:after{ background:linear-gradient(to right, #fb0 0%, #f90 100%);}
.btnl_f90:active{background:linear-gradient(to right, #fa0 0%, #f80 100%);}
.btnl_86e{background:linear-gradient(to right, #a8f 0%, #86e 100%); color:#86e;}
.btnl_86e:after{ background:linear-gradient(to right, #a8f 0%, #86e 100%);}
.btnl_86e:active{background:linear-gradient(to right, #a7f 0%, #85e 100%);}

/*上传*/
input[type="file"],input[type="image"]{ position:absolute; right:0; top:0; font-size:200px!important; opacity:0; filter:alpha(opacity=0);}

/*边框0.5*/
.border_t,.border_b,.border_l,.border_r{ position:relative;}
.border_t:before,.border_b:after,.border_l:before,.border_r:after{ content:''; background:#ddd; position:absolute;}
.border_t:before{ width:100%; height:1px; left:0; top:0; transform:scaleY(.5); -webkit-transform:scaleY(.5);}
.border_b:after{ width:100%; height:1px; left:0; bottom:0; transform:scaleY(.5); -webkit-transform:scaleY(.5);}
.border_l:before{ width:1px; height:100%; top:0; left:0; transform:scaleX(.5); -webkit-transform:scaleX(.5);}
.border_r:after{ width:1px; height:100%; top:0; right:0; transform:scaleX(.5); -webkit-transform:scaleX(.5);}

.border_all{ position:relative;}
.border_all:before{ content:''; width:200%; height:200%; border:solid 1px #ddd; position:absolute; left:0; top:0; z-index:-1; transform-origin:0 0; -webkit-transform-origin:0 0; transform:scale(.5,.5); -webkit-transform:scale(.5,.5);}

/*box-sizing*/
.box_siz,.box_siz *{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

/*box-shadow*/
.box_sha{ box-shadow:0px 0px 5px #ddd; -moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd;}
.box_sha_hov:hover{ box-shadow:0px 0px 5px #ddd; -moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd;}

/*图片居中*/
.pic_c{ display:flex; justify-content:center; align-items:center}
.pic_c img{ max-width:100%; max-height:100%; vertical-align:middle;}

/*flex排列*/
.y_start{ display:flex; align-items:flex-start;}
.y_center{ display:flex; align-items:center;}
.y_end{ display:flex; align-items:flex-end;}
.x_start{ display:flex; justify-content:flex-start;}
.x_center{ display:flex; justify-content:center;}
.x_end{ display:flex; justify-content:flex-end;}
.x_pad_start_end{ display:flex; justify-content:space-around;}
.x_start_end{ display:flex; justify-content:space-between;}

.flex_wrap{flex-wrap:wrap;}

/*栅格*/
[class*="grid"]{ display:flex;}
[class*=grid_pad]{ justify-content:space-between;}
[class*=grid].flex_wrap>*{ margin-bottom:5px;}

.grid_1>*{ width:100%;}
.grid_2>*{ width:50%;}
.grid_3>*{ width:33.3%;}
.grid_4>*{ width:25%;}
.grid_5>*{ width:20%;}
.grid_6>*{ width:16.6%;}

.grid_pad_2>*{ width:49%;}
.grid_pad_3>*{ width:32.3%;}
.grid_pad_4>*{ width:24%;}
.grid_pad_5>*{ width:19%;}
.grid_pad_6>*{ width:16%;}

/*去色*/
.color_filt{ filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9*/}

/*文字打断*/
.word_break,.word_break *{ word-wrap:break-word; word-break:break-all;}

/*自动隐藏文字*/
[class*=t_ellipsis_]{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; white-space:normal!important; -webkit-box-orient:vertical;}
.t_ellipsis_1{ -webkit-line-clamp:1;}
.t_ellipsis_2{-webkit-line-clamp:2;}
.t_ellipsis_3{-webkit-line-clamp:3;}
.t_ellipsis_4{-webkit-line-clamp:4;}

/*默认样式*/
.no_style{ width:100%; line-height:normal; overflow:hidden;}
.no_style img{ max-width:100%;}

/*禁止复制*/
.no_copy{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}

i.icon{ line-height:0; font-size:0; text-indent:-99999px; display:inline-block; vertical-align:top;}
*+html i.icon{ text-indent:0;}

.font_icon{ line-height:1em; position:relative;}

/*******************************/

*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; word-wrap:break-word; word-break:break-all; }
body{ background: #fbfbfb;}

.color_36f{ color:#36f!important;}
.color_e00{ color:#e00!important;}

.bgc_36f{ background-color:#36f!important;}
.bgc_e00{ background-color:#e00!important;}

.btnc_36f{ background-color:#36f; border-color:#36f; color:#36f;}
.btnc_36f:active{background-color:#35f;}
.btnc_e00{ background-color:#e00; border-color:#e00; color:#e00;}
.btnc_e00:active{background-color:#d00;}
.btnc_fff{ background-color:#fff; border-color:#fff; color:#fff;}
.btnc_fff:active{background-color:#f6f6f6; color:#666!important;}

.img_h100{ max-height:100px;}

.m_icon{ line-height:0; font-size:0; text-indent:-99999px; display:inline-block; vertical-align:top;}
.m_icon{ background: url(../images/m_icon.png); background-size: 150px;}

/*index*/
.index_top{ padding:5px 15px 0;}
.index_top .fenqu{}
.index_top .fenqu .li_box{ padding:5px 15px; background:rgba(255,255,255,0.7);}
.index_top .fenqu .li_box:first-of-type{ border-radius:15px 0 0 15px;}
.index_top .fenqu .li_box:last-of-type{ border-radius:0 15px 15px 0;}
.index_top .fenqu .li_box.on{ background:#36f; color:#fff;}
.index_top .fenqu .li_box .pic{ width:20px; height:20px; padding:2px; border-radius:50%; margin-right:3px;}
.index_top .fenqu .li_box.on .pic{ background:#fff;}
.index_top .fenqu .li_box img{  }

.index_top .info_box{}
.index_top .info_box .info_pic{}
.index_top .info_box .info_pic img{width:45px; height:45px; border:solid 2px rgba(256,256,256,0.7); border-radius:50%;}
.index_top .info_box .info_con{ color:#fff;}
.index_top .info_box .info_con h3{font-size:18px; font-weight:normal;}
.index_top .info_box .info_con p{ opacity:0.8;}
.index_top .info_box .qiehuan{ width:20px; height:20px; background-size:100px; background-position:0px 0px; opacity:0.8;}

.index_top .in_kefu{ }
.index_top .in_kefu .pic{width:32px; background:#fff; border:solid 2px #f60; border-radius:50%; overflow:hidden; position:relative; z-index:1;}
.index_top .in_kefu span{ margin-left:-10px; padding:2px 10px 2px 16px; background:#f60; border-radius:0 3px 3px 0; color:#fff;}

.index_nav{ padding:0 15px;}
.index_nav .li_box{ width:55px; height:55px; margin:-30px 0 0 6px; border:solid 2px rgba(256,256,256,0.7); border-radius:5px; background:#def; text-align:center; font-size:14px;}
.index_nav .li_box img{ width:24px;}
.index_nav .li_box p{ line-height:1.2em; color:#006; font-weight:bold;}

.index_nav .nav_btn{ width:65px; height:65px; margin:-40px 0 0 0; background:#003; font-size:14px; }
.index_nav .nav_btn img{ width:30px; margin-bottom:2px;}
.index_nav .nav_btn p{color:#fff; font-weight:normal;}

.index_nav .filter_li{ background:#36f; font-size:12px; position:relative;}
.index_nav .filter_li p{color:#fff; font-weight:normal;}
.index_nav .filter_li .dui{ display:none;}
.index_nav .filter_li.on .dui{ width:15px; height:15px; border-radius:0 3px 0 0; background-size:75px; background-position:-15px 0px; position:absolute; right:0; top:0; display:inline-block;}

.in_tu_nav{ margin:0 15px; overflow:scroll hidden;}
.in_tu_nav .li_box{ position:relative; border-radius:5px; overflow:hidden; opacity:0.6;}
.in_tu_nav .li_box.on{ opacity:1;}
.in_tu_nav .li_box:first-of-type{ margin-left:0!important;}
.in_tu_nav .li_box p{ padding:2px 5px 2px 10px; background:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); position:absolute; right:0; bottom:0; color:#fff; font-size:smaller;}

.index_list{ }
.index_list .li_box{ line-height:1.6em; margin:10px 15px; padding:0px 15px; background:#fff; border-radius:5px; display:block; overflow:hidden; position:relative;}
.index_list .li_box{ box-shadow:0px 0px 8px #e8e8e8; -webkit-box-shadow:0px 0px 8px #e8e8e8;}
.index_list .li_box .state{ padding:1px 15px; border-radius:0 5px 0 5px; position:absolute; right:0; top:0; color:#fff; font-size:12px;}
.index_list .li_box .st_a{ background:#8ce;}
.index_list .li_box .st_b{ background:#e63;}
.index_list .li_box .st_c{ width:55px; padding:0; border-radius:0; right:6px; opacity:0.25;}

.index_list .li_box .info{ padding:12px 0;}
.index_list .li_box .tit{}
.index_list .li_box .tit .name{line-height:20px; margin-bottom:2px; font-size:16px;}
.index_list .li_box .user_face img{ width:50px; min-width:50px; border-radius:50%;}

.index_list .li_box .per .m_icon{ width:20px; height:20px; margin-left:8px; background-size:100px; opacity:0.3;}
.index_list .li_box .per .car{ background-position:0px -20px;}
.index_list .li_box .per .knife{ background-position:-20px -20px;}
.index_list .li_box .per .people{ background-position:-40px -20px; margin-left:5px;}
.index_list .li_box .per .shop{ background-position:-60px -20px;}
.index_list .li_box .per .m_icon.on{ opacity:1;}
.index_list .li_box .per .car.on{ background-position:0px -40px;}
.index_list .li_box .per .knife.on{ background-position:-20px -40px;}
.index_list .li_box .per .people.on{ background-position:-40px -40px;}
.index_list .li_box .per .shop.on{ background-position:-60px -40px;}

.index_list .li_box .label{ padding-top:8px;}
.index_list .li_box .label em{ padding:0px 6px; border-radius:3px; color:#fff; font-style:normal; font-size:smaller;}

.index_list .li_box .price{ margin-right:5px; padding:0px 6px; border-radius:3px; background:rgba(238,0,0,0.1); color:#e00; font-style:normal; font-size:smaller; letter-spacing:1px;}

.index_list .li_box .remark{ margin:0px -15px; padding:8px 15px; background:rgba(0,119,255,0.08); color:#57a;}

/*上拉下拉*/
#wrapper{ width:100%; height:100%; position:absolute; z-index:1;}
.scroller{ width:100%; padding:0; position:absolute; z-index:1; }
.pullDown,.pullUp{ height:40px; line-height:40px; text-align:center; font-size:12px; color:#888;} 
.pullUp{ display:block;}
.loader{ padding:0px; display:inline-block; font-size:0px; display:none;}
.loader span{ width:8px; height:8px; margin:0 2px; background:#999; border-radius:100%; display:inline-block; vertical-align:middle; animation: loader 0.8s linear infinite alternate; opacity:0.8;}
.loader span:nth-child(1){-webkit-animation-delay: -1s;animation-delay: -1s; opacity:0.6;}
.loader span:nth-child(2){-webkit-animation-delay: -0.8s;animation-delay: -0.8s;opacity:0.8;}
.loader span:nth-child(3){-webkit-animation-delay: -0.26666s;animation-delay: -0.26666s;opacity:1;}
.loader span:nth-child(4){-webkit-animation-delay: -0.6s;animation-delay: -0.6s;opacity:0.8;}
.loader span:nth-child(5){-webkit-animation-delay: -0.8s;animation-delay: -0.8s;opacity:0.6;}
.loader span:nth-child(6){-webkit-animation-delay: -1s;animation-delay: -1s;opacity:0.4;}

@keyframes loader{
	from{transform: scale(0, 0);}
	to{transform: scale(1, 1);}
}
@-webkit-keyframes loader{
	from{-webkit-transform: scale(0, 0);}
	to{-webkit-transform: scale(1, 1);}
}

/*header*/
.header_box{ width:100%; height:40px;}
.header_box .left,.header_box .right{ flex:1; align-items:center; font-size:14px;}
.header_box .right{ text-align:right;}
.header_box .center{ max-width:60%; font-size:16px;}
.header_box .m_icon{ width:15px; height:15px;}
.header_box .prev{ background-size:75px; background-position:0px -60px; opacity:0.6;}
.header_box .prev:active{ opacity:0.8;}

.scro_no{ position:fixed; left:0; right:0; top:0; z-index:999;}

.header_empty{ height:40px; line-height:0px; zoom:0; clear:both; font-size:0px;}

.header_bar{ height:30px; line-height:0px; zoom:0; clear:both; font-size:0px;}

.header_fff{ color:#fff;}
.header_fff .prev{ background-position:-15px -60px; opacity:0.7;}
.header_fff .prev:active{ opacity:0.9;}

/*footer*/
.footer{}
.foot_tabbar_empty{ height:50px; line-height:0px; zoom:0; clear:both; font-size:0px;}
.foot_tabbar{ height:50px; background:#fff; position:fixed; left:0; right:0; bottom:0; z-index:990;}
.foot_tabbar .li_box{ padding-top:6px; text-align:center;}
.foot_tabbar .li_box p{ line-height:1.8em; color:#999; font-size:smaller;}
.foot_tabbar .li_box.on p{ color:#36f;}
.foot_tabbar .activity.on p{ color:#f33;}
.foot_tabbar .li_box .icon{ width:22px; height:22px; background:url(../images/footer_icon.png); background-size:150px;}
.foot_tabbar .home .icon{ background-position: 0px 0px;}
.foot_tabbar .activity .icon{ background-position: -30px 0px;}
.foot_tabbar .member .icon{ background-position: -60px 0px;}
.foot_tabbar .team .icon{ background-position: -90px 0px;}
.foot_tabbar .home.on .icon{ background-position: 0px -30px;}
.foot_tabbar .activity.on .icon{ background-position: -30px -30px;}
.foot_tabbar .member.on .icon{ background-position: -60px -30px;}
.foot_tabbar .team.on .icon{ background-position: -90px -30px;}

/*悬浮按钮*/
.susp_box{ position:fixed; right:15px; bottom:30%; z-index:999;}
.susp_box .btn{ width:55px; height:55px; line-height:1.2em; margin-top:12px; padding:10px; border-radius:50%; color:#fff; text-align:center; letter-spacing:1px; opacity:0.9;}
.susp_box .btn:active{ opacity:1;}
.susp_box .btn_36f{ background:#36f;}
.susp_box .btn_36f{box-shadow:0px 0px 8px #36f; -webkit-box-shadow:0px 0px 8px #36f;}
.susp_box .btn_e00{ background:#e00;}
.susp_box .btn_e00{box-shadow:0px 0px 8px #e00; -webkit-box-shadow:0px 0px 8px #e00;}
.susp_box .btn_f60{ background:#f60;}
.susp_box .btn_f60{box-shadow:0px 0px 8px #f60; -webkit-box-shadow:0px 0px 8px #f60;}
.susp_box .btn_0b8{ background:#0b8;}
.susp_box .btn_0b8{box-shadow:0px 0px 8px #0b8; -webkit-box-shadow:0px 0px 8px #0b8;}
.susp_box .btn_327{ background:#327;}
.susp_box .btn_327{box-shadow:0px 0px 8px #327; -webkit-box-shadow:0px 0px 8px #327;}
.susp_box .btn h3{ line-height:1.2em; font-size:14px; font-weight:normal;}
.susp_box .btn .m_icon{ width:20px; height:20px; background-size:100px;}
.susp_box .btn .huan{ background-position:0px -100px;}
.susp_box .btn .shuaxin{ background-position:-20px -100px;}
.susp_box .btn .start{ background-position:-40px -100px;}
.susp_box .btn .done{ background-position:-60px -100px;}
.susp_box .btn .disband{ background-position:-80px -100px;}

/*任务详情*/
.task_show_top{ padding:5px 15px 0;}
.task_show_top .show_tit{}
.task_show_top .show_tit .prev{ width:30px; height:30px; margin-right:10px; background:rgba(0,0,0,0.5); border-radius:15px;}
.task_show_top .show_tit .prev .m_icon{ width:15px; height:15px; background-size:75px; background-position:-15px -60px;}
.task_show_top .show_tit .name{ padding:5px 12px; background:rgba(0,0,0,0.5); border-radius:15px; color:#fff;}
.task_show_top .show_tit .name .pic{ width:20px; height:20px; padding:3px; background:#fff; border-radius:50%; margin-right:5px;}

.task_show_top .show_url{ padding:5px 12px; background:rgba(0,0,0,0.5); border-radius:15px; color:#fff; font-weight:bold;}
.task_show_top .show_url .m_icon{ width:20px; height:20px; background-size:100px; background-position:-40px -80px;}
.task_show_top .show_time{ padding:5px 12px; background:rgba(0,0,0,0.5); border-radius:15px; color:#fff; font-weight:bold;}

.task_show_top .info_label{ }
.task_show_top .info_label em{ margin-right:6px; padding:5px 12px; border-radius:15px; font-style:normal; font-weight:bold;}
.task_show_top .info_label .lab_36f{ background:rgba(204,255,255,0.85); color:#36f;}
.task_show_top .info_label .lab_e00{ background:rgba(255,204,204,0.85); color:#e00;}

.task_show{}

.task_show_remark{ padding:8px 15px; background:rgba(51,102,255,0.1);}
.task_show_remark .remark{ min-width:15px; width:15px; height:15px; background-size:75px; background-position:-45px -45px;}
.task_show_remark .text{ color:#e00; overflow:hidden; flex:1;}
.task_show_remark .pic img{ height:18px; margin-left:5px; border-radius:3px; float:left;}

.player_list{ padding:0px 15px 10px;}
.player_list .li_box{ width:30%; line-height:1.6em; margin:10px 0 0 10px; padding:0px 10px; background:#fff; border:solid 1px #f0f0f0; border-radius:5px; display:block; overflow:hidden; position:relative;}
.player_list .li_box:nth-of-type(3n+1){ margin-left:0!important;}
.player_list .li_box{ box-shadow:0px 0px 5px #e8e8e8; -webkit-box-shadow:0px 0px 5px #e8e8e8;}
.player_list .li_box.on{ border-color:#23c3c0; background:rgba(35,195,192,0.05);}
.player_list .li_box .role{ padding:0px 5px; border-radius:0 5px 0 5px; position:absolute; right:0; top:0; color:#fff; font-size:12px;}
.player_list .li_box .role{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8); transform-origin:top right; -webkit-transform-origin:top right;}
.player_list .li_box .role_a{ background:#36f;}
.player_list .li_box .role_b{ background:#e00;}
.player_list .li_box .role_c{ background:#0b8;}

.player_list .li_box .info{ padding:6px 0;}
.player_list .li_box .name{}
.player_list .li_box .user_face img{ width:22px; min-width:22px; border-radius:50%;}

.player_list .li_box .add_player{ width:100%; height:100%; color:#36f; opacity:0.8;}
.player_list .li_box .add_player .add{ width:15px; height:15px; margin-right:2px; background-size:75px; background-position:-30px -45px;}

.mess_list{ margin:10px 0; padding:0px 15px; line-height:1.6em; overflow:hidden scroll; position:relative;}
.mess_list .warn_list{ color:#e00;}
.mess_list .chat_list{ padding:5px 0;}
.mess_list .chat_list .li_box{ padding:5px 0;}
.mess_list .chat_list .li_box .user_info{}
.mess_list .chat_list .li_box .user_info img{ width:24px; min-width:24px; border-radius:50%;}
.mess_list .chat_list .li_box .role{ margin:0 3px; padding:0 10px; border-radius:15px; color:#fff; font-size:12px;}
.mess_list .chat_list .li_box .role{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8);}
.mess_list .chat_list .li_box .role_a{ background:#327;}
.mess_list .chat_list .li_box .role_b{ background:#36f;}
.mess_list .chat_list .li_box .role_c{ background:#e00;}
.mess_list .chat_list .li_box .role_d{ background:#0b8;}
.mess_list .chat_list .li_box .name{ color:#00a;}
.mess_list .chat_list .li_box .con{ padding:1.6px 0; color:#333; flex:1}

.mess_btn{ width:100%; padding:8px 15px 8px 10px; background:#f5f6f8; position:fixed; bottom:0;}
.mess_btn{ box-shadow:0px -1px 3px #e6e6e6; -webkit-box-shadow:0px -1px 3px #e6e6e6;}
.mess_btn .inp_box{ padding:3px 5px; background:#fff; border-radius:3px; flex:1;}
.mess_btn .inp_box .inp{ border:none; background:none;}

.mess_btn .btn_chang{ width:24px; height:24px; background:#36f; border-radius:50%;}
.mess_btn .btn_chang .m_icon{ width:15px; height:15px; background-size:75px; background-position:-60px -45px;}

.mess_btn .more_box{ width:100%; background:#fff; position:absolute; left:0; z-index:9; display:none; color:#666;}
.mess_btn .more_box{ box-shadow:0px -1px 3px #e6e6e6; -webkit-box-shadow:0px -1px 3px #e6e6e6;}
.mess_btn .more_box p{ padding:12px 15px; display:flex; align-items:center; justify-content:space-between; position:relative;}
.mess_btn .more_box p:after{content:''; width:100%; height:1px; background:#e6e6e6; position:absolute; z-index:2; left:0; top:0; transform:scaleY(.5); -webkit-transform:scaleY(.5);}
.mess_btn .more_box p:active{ background:#f8f8f8; color:#555;}

.mess_btn .btn_go{ opacity:0.8;}
.mess_btn .btn_go:active{ opacity:1;}
.mess_btn .btn_go .m_icon{ width:20px; height:20px; background-size:100px; background-position:-60px -80px;}

.order_info{ min-height:90px; padding:10px 15px; background:rgba(51,102,255,0.06); position:relative;}
.order_info .con_box{ width:100%;}
.order_info .con_box .li_box{  padding:5px 0;}
.order_info .con_box .li_box .name{ color:#888;}
.order_info .con_box .li_box .info{ min-width:30%;}
.order_info .con_box .li_box .pic img{ width:80px; margin-right:5px; border-radius:5px;}
.order_info .con_box .li_box .pic img:last-of-type{ margin:0;}
.order_info .con_box .li_box .prob{ width:15px; min-width:15px; height:15px; background-size:75px; background-position:-15px -45px; opacity:0.8;}
.order_info .page_btn_sub{ margin-right:-5px; padding:0;}
.order_info .page_btn_sub{ transform:scale(.9,.9); -webkit-transform:scale(.9,.9); transform-origin:right center; -webkit-transform-origin:right center;}
.order_info .state{ position:absolute; right:10px; top:5px; opacity:0.3;}
.order_info .state img{ width:80px;}

/*结算详情*/
.task_order_tit{ padding:15px; background:rgba(51,102,255,0.06); }
.task_order_tit .order_box{ border:solid 1px #36f; border-radius:5px; overflow:hidden;}
.task_order_tit .tit{ padding:5px 15px; background:#36f; color:#fff;}
.task_order_tit .tit a{ color:#fff;}
.task_order_tit .tit h3{ font-weight:normal; font-size:14px;}
.task_order_tit .tit .bili{ padding:2px 5px; background:rgba(255,255,255,0.8); color:#36f; border-radius:3px; font-size:12px;}
.task_order_tit .tit .m_icon{ width:15px; height:15px; background-size:75px;}
.task_order_tit .tit .prob{ background-position:0px -150px; opacity:0.8;}

.task_order_tit .info{ min-height:90px; padding:10px 15px; background:#fff; position:relative;}
.task_order_tit .info p{ padding:5px 0; color:#555;}
.task_order_tit .info .state{ position:absolute; right:10px; top:5px; opacity:0.3;}
.task_order_tit .info .state img{ width:80px;}

.task_order{ padding:15px 15px 5px 35px; position:relative; overflow:hidden scroll;}
.task_order .shu{ position:relative;}
.task_order .shu:after{content:''; width:1px; background:#e6e6e6; position:absolute; z-index:2; left:-15px; top:10px; bottom:30px;}
.task_order .lm_tb{ width:9px; min-width:9px; height:9px; margin-left:-19px; margin-right:10px; border-radius:50%; background:#36f; text-align:center;}
.task_order .lm_tb .m_icon{ display:none;}
.task_order .lm_tb.done{ width:19px; height:19px; margin-left:-24px;}
.task_order .lm_tb.done .m_icon{ width:10px; height:10px; background-size:50px; background-position:-20px -100px; display:inline-block;}
.task_order .lm_tit{ padding:5px 0; position:relative; z-index:9;}
.task_order .lm_tit .name{ font-size:14px;}
.task_order .lm_tit .zidong{ height:50px;}
.task_order .lm_tit .zidong .time{ width:20px; height:20px; margin-right:8px; background-size:100px; background-position:-20px -200px; opacity:0.8;}
.task_order .con_box{ margin:10px 0; padding:15px; background:#f2f2f2; border-radius:5px;}
.task_order .con_box .li_box{ padding:5px 0;}
.task_order .con_box .li_box .name{ color:#888;}
.task_order .con_box .li_box .info{ min-width:30%;}
.task_order .con_box .li_box .pic img{ width:80px; margin-right:5px; border-radius:5px;}
.task_order .con_box .li_box .pic img:last-of-type{ margin:0;}

.task_order .con_box .li_box .user_info{ padding:5px 0;}
.task_order .con_box .li_box .user_info img{ width:40px; min-width:40px; margin-right:8px; border-radius:50%;}
.task_order .con_box .li_box .user_info .role{ font-size:14px;}
.task_order .con_box .li_box .user_info .name{ margin-top:3px;}
.task_order .con_box .li_box .user_info .posi{ padding:2px 6px; border-radius:3px; color:#fff; font-style:normal; display:inline-block; text-align:center; font-size:12px;}
.task_order .con_box .li_box .user_info .pos_a{ background:#36f;}
.task_order .con_box .li_box .user_info .pos_b{ background:#e00;}
.task_order .con_box .li_box .user_info .pos_c{ background:#0b8;}
.task_order .con_box .li_box .user_info .posi{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8);}
.task_order .con_box .li_box .user_info .t_ellipsis_1{ flex:1;}
.task_order .con_box .li_box .info{ min-width:30%;}

/*mem_index*/
.mem_in_info{ padding:30px 15px 10px; }
.mem_in_info .info_pic { background:#fff; border-radius:50%; display:inline-block;}
.mem_in_info .info_pic img{ width:60px; height:60px; border-radius:50%;}
.mem_in_info .info_con{ max-width:70%; position:relative;}
.mem_in_info .info_con h3{ font-size:18px; font-weight:normal; margin-bottom:8px;}
.mem_in_info .info_id { line-height:1.6em; padding:0 8px; background:#327; border-radius:10px; color:#fff; font-style:normal; font-size:smaller; display:flex; align-items:center; font-weight:lighter; float:left;}
.mem_in_info .mem_kf{ margin-top:15px; margin-right:-15px; padding:3px 8px 3px 10px; background:rgba(255,102,0,0.05); border:solid rgba(255,102,0,0.5); border-width:1px 0 1px 1px; border-radius:20px 0 0 20px; color:#f60; opacity:0.8; font-size:12px;}
.mem_in_info .mem_kf img{ width:18px; min-width:18px; margin-right:2px;}
.mem_in_info .mem_kf:active{ opacity:1;}

.mem_num_list{ padding:10px 15px;}
.mem_num_list .num_box{ background:linear-gradient(to right, rgba(51,34,119,0.8), rgba(51,34,119,1)); border-radius:5px;}
.mem_num_list .num_box .li_box{ padding:10px 20px; color:#fff; flex:1; position:relative;}
.mem_num_list .num_box .li_box:after{ width:1px; height:60%; content:''; background:rgba(255,255,255,0.6); position:absolute; top:20%; right:0; transform:scaleX(.5); -webkit-transform:scaleX(.5);}
.mem_num_list .num_box .li_box:last-of-type:after{ width:0; height:0;}
.mem_num_list .num_box .li_box p{ opacity:0.7; font-size:12px;}
.mem_num_list .num_box .li_box h3{ font-size:16px;}
.mem_num_list .num_box .li_box em{ margin-right:3px; font-style:normal; font-size:12px; opacity:0.7; font-weight:normal; display:inline-block;}
.mem_num_list .num_box .li_box em{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8); transform-origin:left center; -webkit-transform-origin:left center;}
.mem_num_list .num_box .li_box .m_icon{ width:30px; height:30px; opacity:0.7; }
.mem_num_list .num_box .li_box .money{ background-position:0px -270px}
.mem_num_list .num_box .li_box .points{ background-position:-30px -270px;}

.mem_nav_list{ overflow:hidden;}
.mem_nav_list .list_li{ margin:0 15px; padding:12px 0px; position:relative; transition:all linear 0.2s;}
.mem_nav_list .list_li:active{ background:linear-gradient(to right, rgba(51,34,119,0), rgba(51,34,119,0.05),rgba(51,34,119,0)); }
.mem_nav_list .list_li .li_left .m_icon{margin-right:10px;}
.mem_nav_list .list_li .text{ font-size:15px;}
.mem_nav_list .list_li .m_icon{ width:20px; height:20px; background-size:100px; }
.mem_nav_list .list_li .team{ background-position:0px -140px;}
.mem_nav_list .list_li .appeal{ background-position:-20px -140px;}
.mem_nav_list .list_li .role{ background-position:-40px -140px;}
.mem_nav_list .list_li .share{ background-position:-60px -140px;}
.mem_nav_list .list_li .message{ background-position:-80px -140px;}
.mem_nav_list .list_li .cooperate{ background-position:0px -160px;}
.mem_nav_list .list_li .problem{ background-position:-20px -160px;}
.mem_nav_list .list_li .erweima{ width:15px; height:15px; background-size:75px; background-position:-30px -120px; opacity:0.7;}
.mem_nav_list .list_li .more{ width:15px; height:15px; background-size:75px; background-position:0px -90px; opacity:0.3;}

/*个人资料*/
.mem_inp_tit{ padding:10px 15px;}
.mem_inp_tit h3{ font-size:13px; color:#666;}
.mem_inp_tit p{ color:#666;}

.mem_inp_list{ padding:0px 15px; background:#fff;}
.mem_inp_list .inp_li{ padding:15px 0; font-size:14px;}
.mem_inp_list .inp_li:last-of-type.border_b:after{ display:none;}
.mem_inp_list .inp_li .name{ color:#88b;}
.mem_inp_list .inp_li .con{ flex:1; text-align:right;}
.mem_inp_list .inp_li .con input{ width:100%; background:none; border:none; font-size:14px; text-align:right;}
.mem_inp_list .inp_li .con textarea{ width:100%; height:80px; padding:5px; border:solid 1px #e2e2e2; resize:none; font-size:14px;}
.mem_inp_list .inp_li .mem_face{ width:40px; min-width:40px; margin-right:10px; border-radius:50%;}

.mem_inp_list .inp_li .m_icon{}
.mem_inp_list .inp_li .more{ width:15px; height:15px; background-size:75px; background-position:0px -90px; opacity:0.3;}

/*组队记录*/
.page_nav{ padding:0 15px; position:relative; z-index:2;}
.page_nav{ box-shadow:0px 1px 3px #e6e6e6; -webkit-box-shadow:0px 1px 3px #e6e6e6;}
.page_nav .li_box{ padding:10px; color:#666;}
.page_nav .li_box.on{ color:#36f; font-weight:bold;}

.mem_team_list{ position:relative; overflow:hidden scroll;}
.mem_team_list .li_box{ line-height:1.6em; padding:15px; background:#fff; display:block;}
.mem_team_list .li_box .tit{ font-weight:normal; }
.mem_team_list .li_box .tit .user_face{ margin-right:8px;}
.mem_team_list .li_box .tit .user_face img{ width:50px; min-width:50px; border-radius:50%;}
.mem_team_list .li_box .tit .name{flex:1; font-size:12px; color:#999;}
.mem_team_list .li_box .tit .role{ margin-right:5px; font-size:15px;}
.mem_team_list .li_box .tit .yiyi{padding:0px 5px; background:#e00; border-radius:3px; color:#fff; font-style:normal; display:inline-block;}
.mem_team_list .li_box .tit .yiyi{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8); transform-origin:right center; -webkit-transform-origin:right center;}
.mem_team_list .li_box .tit .yiyi.done{ background:#003; opacity:0.3;}
.mem_team_list .li_box .tit .state{ font-weight:bold; font-style:normal;}
.mem_team_list .li_box .tit .sty_a{ border-color:#e00; color:#e00;}
.mem_team_list .li_box .tit .sty_b{ border-color:#000; color:#000;}
.mem_team_list .li_box .tit .sty_c{ border-color:#999; color:#999;}

.mem_team_list .li_box .map{ margin-top:3px; color:#999; font-size:12px;}
.mem_team_list .li_box .map .m_icon{ width:15px; height:15px; margin-right:3px; background-size:75px; background-position:-15px -15px; opacity:0.3;}
.mem_team_list .li_box .map .posi{ min-width:50px; padding:1px 5px; border-radius:3px; color:#fff; font-style:normal; display:inline-block; text-align:center;}
.mem_team_list .li_box .map .pos_a{ background:#36f;}
.mem_team_list .li_box .map .pos_b{ background:#e00;}
.mem_team_list .li_box .map .pos_c{ background:#0b8;}
.mem_team_list .li_box .map .posi{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8);}
.mem_team_list .li_box .map .t_ellipsis_1{ flex:1;}

.mem_team_list .li_box .info{ min-width:25%;}
.mem_team_list .li_box .info .time{ margin-top:3px; color:#999; font-size:12px;}

.mem_team_list .li_box .remark{ margin:10px -15px -15px; padding:8px 15px; background:rgba(51,102,255,0.06); color:#789; font-size:12px;}
.mem_team_list .li_box .remark .m_icon{width:15px; height:15px; margin-right:5px; background-size:75px; background-position:-30px -135px;}
.mem_team_list .li_box .remark .exchange{padding:0px 6px; border-radius:3px; color:#fff; font-size:12px; font-style:normal;}
.mem_team_list .li_box .remark .exchange{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8); transform-origin:left center; -webkit-transform-origin:left center;}
.mem_team_list .li_box .remark .shouru{ background:#36f;}
.mem_team_list .li_box .remark .zhichu{ background:#e00;}
.mem_team_list .li_box .remark .t_ellipsis_1{ flex:1;}
.mem_team_list .li_box .remark .bili{padding:0px 6px; background:rgba(238,0,0,0.1); border-radius:3px; color:#e00; font-size:12px; font-style:normal; display:flex;}
.mem_team_list .li_box .remark .bili{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8); transform-origin:right center; -webkit-transform-origin:right center;}

/*申诉详情*/
.feedback_show{ padding:5px 15px; background:#fff;}
.feedback_show .lm_tit{ padding:10px 0px; font-size:13px; color:#666;}
.feedback_show textarea{ width:100%; height:80px; padding:5px; border:solid 1px #e2e2e2; resize:none;}
.feedback_show .upload_files p{ margin-bottom:4px;}
.feedback_show .upload_files .btn{ margin-bottom:8px; color:#343434;}
.feedback_show .upload_files .btn a{ padding:3px 10px; background:rgba(0,119,255,0.06); border:solid 1px #07f; border-radius:2px; color:#07f; font-size:12px; position:relative; overflow:hidden;}
.feedback_show .upload_files .btn .font_icon{ margin-right:3px; font-size:15px;}
.feedback_show .remark{ margin-top:-5px; color:#f90; font-size:12px; opacity:0.8;}

.feedback_show_histor{ padding:5px 15px; }
/*.feedback_show_histor{ width:100%;position:fixed; top:20%; background:#fff;}*/
.feedback_show_histor .lm_tit{ padding:10px 0px; font-size:13px; color:#666;}
.feedback_show_histor .mem{ color:#666;}
.feedback_show_histor .servicer{ color:#36f;}
.feedback_show_histor .li_box{ padding:6px 0;}
.feedback_show_histor .li_box .user_face img{ width:24px; min-width:24px; margin-right:6px; border-radius:50%;}
.feedback_show_histor .li_box .user_info{ opacity:0.6 }
.feedback_show_histor .li_box .user_info .name{ flex:1;}
.feedback_show_histor .li_box .user_info .time{ margin-left:5px;}
.feedback_show_histor .li_box .con{ margin-top:6px;}
.feedback_show_histor .li_box .con img{ max-width:30%; margin:0px 5px 5px 0;}

.page_btn_sub{ padding:10px 10px; text-align:center; display:flex; z-index:99;}
.page_btn_sub .btn{ margin:0 5px; padding:10px; border-radius:50px; flex:1; font-size:14px;}
.page_btn_sub .btn_small{ padding:8px 15px; border-radius:5px; font-size:13px; flex:0 0 auto;}
.page_btn_sub.fixed{ width:100%; position:fixed; left:0; bottom:0; }
.page_btn_sub.fixed_bg{ width:100%; position:fixed; left:0; bottom:0; background:#fff;}
.page_btn_sub.fixed_bg{ box-shadow:0px -1px 3px #e6e6e6; -webkit-box-shadow:0px -1px 3px #e6e6e6;}

.page_btn_sub .btn .kefu{ width:15px; height:15px; margin-right:2px; background:url(../images/kefu03.png); background-size:15px;}
.page_btn_sub .btn:active .kefu{background:url(../images/kefu03_on.png);}

/*账户明细*/
.attr_filter{ padding:0 5px; position:relative;}
.attr_filter .li_box{ flex:1;}
.attr_filter .li_box .more_btn{ line-height:20px; padding:10px 0; color:#555; text-align:center;}
.attr_filter .li_box .more_btn .m_icon{ width:12px; height:12px; margin-left:5px; background-size:60px; background-position:-12px -72px; opacity:0.5;}
.attr_filter .li_box .more_btn.on .m_icon{ position:relative; opacity:0.6;}
.attr_filter .li_box .more_btn.on .m_icon{ transform:rotate(180deg);-webkit-transform: rotate(180deg);}
.attr_filter .li_box .more_box{ width:100%; background:#fff; position:absolute; left:0; z-index:9; display:none; color:#555;}
.attr_filter .li_box .more_box{ box-shadow:0px 1px 3px #e6e6e6; -webkit-box-shadow:0px 1px 3px #e6e6e6;}
.attr_filter .li_box .more_box .list{ padding:12px 15px; position:relative;}
.attr_filter .li_box .more_box .list:after{content:''; width:100%; height:1px; background:#ddd; position:absolute; z-index:2; left:0; bottom:0; transform:scaleY(.5); -webkit-transform:scaleY(.5);}
.attr_filter .li_box .more_box .list:last-of-type:after{ display:none;}
.attr_filter .li_box .more_box .m_icon{ display:none;}
.attr_filter .li_box .more_box .duihao{width:12px; height:12px; background-size:60px; background-position:-24px -72px; opacity:0.6;}
.attr_filter .li_box .more_box .on{ background:#f8f8f8; color:#327;}
.attr_filter .li_box .more_box .on .m_icon{ display:block;}

.mem_num_info{ padding:20px 15px; background:#fff;}
.mem_num_info .num_box{ background:linear-gradient(to right, rgba(51,34,119,0.8), rgba(51,34,119,1)); border-radius:5px;}
.mem_num_info .num_box .li_box{ padding:15px 20px; color:#fff; flex:1; position:relative;}
.mem_num_info .num_box .li_box p{ opacity:0.7; font-size:12px;}
.mem_num_info .num_box .li_box h3{ margin-top:5px; font-size:24px; font-weight:normal;}
.mem_num_info .num_box .li_box em{ margin-right:5px; font-style:normal; font-size:12px; opacity:0.7; font-weight:normal; display:inline-block;}
.mem_num_info .num_box .li_box .m_icon{ width:15px; height:15px; background-size:75px; }
.mem_num_info .num_box .li_box .money{ background-position:0px -135px}
.mem_num_info .num_box .li_box .points{ background-position:-15px -135px;}
.mem_num_info .num_box .li_box .guize{ background-position:-30px -135px;}
.mem_num_info .num_box .li_box .btn_box .btn{ margin-left:10px; border-radius:50px;}
.mem_num_info .num_box .li_box .t_ellipsis_1{flex:1;}
.mem_num_info .num_box .fenge{ margin:0 15px; opacity:0.5;}

.mem_exchange{}
.mem_exchange .li_box{ padding:10px 15px 15px; background:#fff;}
.mem_exchange .li_box:last-of-type.border_b:after{ display:none;}
.mem_exchange .li_box .left{flex:1;}
.mem_exchange .li_box .left .info .tit{ padding:5px 0; font-size:14px; font-weight:normal;}
.mem_exchange .li_box .left .info .con{ padding:3px 0 5px; color:#327; opacity:0.8;}
.mem_exchange .li_box .left .info .time{ color:#999;}

.mem_exchange .li_box .right .pri{ text-align:right; color:#555; font-size:14px; font-weight:bold;}

/*充值*/
.mem_recharge_inp{ padding:20px 15px 10px; background:#fff; position:relative;}
.mem_recharge_inp .con{ padding:8px 0 0px;}
.mem_recharge_inp .con em{ font-style:normal; font-size:18px; color:#666;}
.mem_recharge_inp .con .inp{ width:auto; background:none; border:none; font-size:24px;}

.mem_recharge_list{ padding:0 15px;}
.mem_recharge_list .lm_tit{ padding:15px 0 5px; font-size:13px; color:#666;}
.mem_recharge_list .list_li{ width:31%; margin-top:10px; padding:12px 0; background:rgba(51,102,255,0.02); border:solid 1px #36f; border-radius:3px; text-align:center; transition:all linear 0.2s;}
.mem_recharge_list .list_li h3{ margin:2px 0; font-size:18px; font-weight:normal; color:#36f;}
.mem_recharge_list .list_li h3 b{ font-weight:normal;}
.mem_recharge_list .list_li h3 em{ padding-left:3px; font-size:13px; font-style:normal;}
.mem_recharge_list .list_li p{ line-height:1.6em; color:#787878;}
.mem_recharge_list .list_li:active{ background:rgba(51,102,255,0.15);}

/*邀请好友*/
.mem_share_tit{ padding:20px 0; color:#fff; text-align:center;}
.mem_share_tit h3{ margin-top:10px; font-size:24px; letter-spacing:1px;}
.mem_share_tit h3{ text-shadow:1px 2px 0px #e00;}
.mem_share_tit p{ opacity:0.7; letter-spacing:1px; }

.mem_share_info{ padding:0px 30px;}
.mem_share_info .num_box{ padding:10px 0 0px; background:linear-gradient(to right, rgba(255,238,204,0.9), rgba(255,238,170,0.9)); border-radius:15px 15px 0 0; position:relative; overflow:hidden;}
.mem_share_info .num_box{ box-shadow:0px 0px 5px #c96; -webkit-box-shadow:0px 0px 5px #c96;}
.mem_share_info .num_box .li_box{ padding:10px 15px; color:#003; flex:1;}
.mem_share_info .num_box .li_box h3{ margin:0 5px; font-size:30px; color:#600; letter-spacing:3px; }
.mem_share_info .num_box .li_box em{ padding:3px 0; color:#e00; font-size:18px; font-weight:bold;}
.mem_share_info .num_box .li_box .m_icon{ width:15px; height:15px; background-size:75px; }
.mem_share_info .num_box .li_box .guize{ background-position:-45px -135px; opacity:0.8;}
.mem_share_info .num_box .li_box .btn_ma { padding:5px 15px; background:linear-gradient(to right, rgba(51,34,119,0.8), rgba(51,34,119,1)); border-radius:0 0 0 15px; position:absolute; right:0; top:0; color:#fff; }
.mem_share_info .num_box .li_box .btn_ma{ box-shadow:0px 0px 2px #327 inset; -webkit-box-shadow:0px 0px 2px #327 inset;}
.mem_share_info .num_box .li_box .t_ellipsis_1{flex:1;}
.mem_share_info .num_box .fenge{ margin:0 15px; opacity:0.3;}
.mem_share_info .num_box .fenge:after{ background:#600;}

.mem_share_list{ padding:0 15px; background:#fff; border-radius:15px 15px 0 0; position:relative; z-index:9;}
.mem_share_list .tab_nav{ padding:15px 0 5px; }
.mem_share_list .tab_nav .tab_nav_li{ padding:5px 15px; border:solid #fff; border-width:0 1px 0 0; background:rgba(51,34,119,0.15); color:#327;}
.mem_share_list .tab_nav .tab_nav_li:first-of-type{ border-radius:15px 0 0 15px;}
.mem_share_list .tab_nav .tab_nav_li:last-of-type{ border-width:0; border-radius:0 15px 15px 0;}
.mem_share_list .tab_nav .tab_nav_li.on{ background:rgba(51,34,119,1); color:#fff;}
.mem_share_list .tab_con{overflow: hidden scroll;}
.mem_share_list .tab_con .tab_con_li{ display:none;}
.mem_share_list .tab_con .tab_con_li.on{ display:block;}

.mem_share_list .mem_exchange .li_box{ padding:10px 0;}
.mem_share_list .mem_exchange .li_box .left .info .con{ padding:3px 0;}
.mem_share_list .mem_exchange .li_box .left .info img{ width:24px; min-width:24px; margin-right:5px; border-radius:50%;}

/*角色管理*/
.page_tips{ padding:10px 15px; background:rgba(0,0,51,0.05); color:#77a;}
.page_tips h3{ font-size:13px; font-weight:normal;}
.page_tips.ce00{ background:rgba(238,0,0,0.15); color:#e00;}
.page_tips.cf60{ background:rgba(255,102,0,0.15); color:#f60;}
.page_tips.c36f{ background:rgba(51,102,255,0.15); color:#36f;}

.mem_role{ padding:10px 15px;}
.mem_role .li_box{ width:49%; margin-bottom:10px; padding:10px; background:rgba(0,0,51,0.05); border-radius:3px; color:#333; }
.mem_role .li_box.on{ background:rgba(51,102,255,0.15); color:#36f;}
.mem_role .li_box .user_face img{ width:45px; min-width:45px; border-radius:50%;}
.mem_role .li_box .name{ font-size:15px; margin-bottom:2px;}

/*意见反馈*/
.mem_message{ padding:0px;}
.mem_message .mes_li{ padding:15px; border:solid #f6f6f6; border-width:0.5px 0; background:#fff; font-size:14px;}
.mem_message .mes_li .name{ width:80px; color:#999;}
.mem_message .mes_li .con{ flex:1;}
.mem_message .mes_li .con input{ width:100%; background:none; border:none; font-size:14px;}
.mem_message .mes_li .con textarea{ width:100%; height:80px; background:none; border:none; resize:none; font-size:14px;}
.mem_message .mes_li .ques{}
.mem_message .mes_li .ques span{ margin-right:8px; padding:3px 10px; border:solid 1px #eee; background:rgba(0,0,0,0.03); color:#666; border-radius:3px;}
.mem_message .mes_li .ques span.on{ color:#36f; border-color:#36f; background:rgba(51,102,255,0.05);}

/*文章详情*/
.news_show{ display:flex;}
.news_show h1{ line-height:1.6em; padding:10px 0 5px; font-size:18px; font-weight:normal;}
.news_show .news_info{ line-height:24px; margin-bottom:10px; padding-bottom:5px; font-size:12px; color:#999;}
.news_show .news_con{ line-height:1.8em; padding:0 15px; font-size:14px;}
.news_show .news_con h3{ padding:5px 0 10px; font-size:15px;}
.news_show .news_con p{ padding-bottom:8px;}
.news_show .news_con img{ margin-bottom:10px;}

.page_iframe{width:100%; height:100%; border:none; vertical-align:top;}

/*404*/
.page_404{ text-align:center;}
.page_404 .pic{ width:50%; margin-top:20%; opacity:0.5;}
.page_404 .remark{ margin-top:20px;}
.page_404 .remark h3{ font-size:18px; font-weight:normal; opacity:0.8;}
.page_404 .remark p{ margin-top:6px; font-size:14px; opacity:0.35;}
.page_404 .remark .btn{ margin-top:15px;}
.page_404 .remark .btn a{ font-size:12px; padding:6px 15px;}

/*弹窗*/
.js_dialog{ background:rgba(0, 0, 0, 0.6); position:fixed; top:0; bottom:0; left:0; right:0; z-index:999; display:none;}
.pop_box { width:80%; max-height:80%; padding:0 15px; border-radius:5px; background:#fff; position:absolute; top:50%; left:50%; display:flex; flex-direction:column;}
.pop_box .pop_tit{ height:50px; margin-bottom:10px; position:relative; }
.pop_box .pop_tit h3{ width:100%; font-size:15px; color:#36f; font-weight:normal; text-align:center;}
.pop_box .con_box{ flex:1; overflow:scroll;}
.pop_box .btn_sub{ height:70px; margin:0 -5px;}
.pop_box .btn_sub .btn{ margin:0 5px; padding:10px; border-radius:50px; flex:1; font-size:14px;}

.pop_box .m_icon.pop_close{ width:15px; height:15px; background-size:75px; background-position:-30px 0; position:absolute; top:17px; right:0px; opacity:0.2;}
.pop_box .m_icon.pop_close:active{ opacity:0.6;}

/*弹窗，底部*/
.pop_down_box{ width:100%; height:80%; border-radius:0; bottom:0; top:auto; left:0; margin:0!important; overflow:auto;}

/*弹窗，iframe*/
.pop_iframe_box{ padding:0; }
.pop_iframe_box .pop_tit{ margin:0 15px;}

/*弹窗，角色*/
.js_dialog_juese{ z-index:999999}
.pop_juese_box{}
.pop_juese_box .li_box{ width:49%; margin-bottom:10px; padding:10px; background:rgba(0,0,51,0.05); border-radius:3px; color:#333; }
.pop_juese_box .li_box.on{ background:rgba(51,102,255,0.15); color:#36f;}
.pop_juese_box .li_box .user_face img{ width:45px; min-width:45px; border-radius:50%;}
.pop_juese_box .li_box .name{ font-size:15px; margin-bottom:2px;}

/*弹窗，头像*/
.pop_userface_box{}
.pop_userface_box .li_box{ width:20%; margin-top:5px; padding:5px; border-radius:50%; }
.pop_userface_box .li_box .user_face{ width:100%; border:solid 2px #ccf; border-radius:50%;}

.pop_userface_box .li_box.on{background:rgba(51,102,255,0.3);}
.pop_userface_box .li_box.on .user_face{ border-color:#e00;}

/*弹窗，职业*/
.pop_zhiye_box{}
.pop_zhiye_box .zhiye_tit{ font-size:14px; font-weight:bold;}
.pop_zhiye_box .zhiye_con{ margin-bottom:10px; padding:5px 0 10px;}
.pop_zhiye_box .li_box{ width:25%; padding:5px 0; }
.pop_zhiye_box .li_box .user_face{ width:25px; min-width:25px; margin-right:5px; border-radius:50%;}
.pop_zhiye_box .li_box .t_ellipsis_1{flex:1;}

/*弹窗，分享*/
.pop_share_box{ background:none; padding:0;}
.pop_share_box .con_box{ background:#fff; border-radius:15px; overflow:visible; text-align:center;}
.pop_share_box .user_face{ margin-top:-45px;}
.pop_share_box .user_face img{ width:90px; border:solid 3px #fff; border-radius:50%;}
.pop_share_box .name{ font-size:20px; padding:5px 0 15px; font-weight:normal;}
.pop_share_box .text{ font-size:14px; color:#556;}
.pop_share_box .erweima{ padding:10px 0;}
.pop_share_box .erweima img{ width:200px; max-width:70%;}
.pop_share_box .logo img{ width:120px;}
.pop_share_box .btn_sub{ height:auto; padding-top:15px;}

/*弹窗，组团*/
.pop_tuan_box{ min-height:70%; max-height:90%;}
.pop_tuan_box .pop_filter_li{}
.pop_tuan_box .pop_filter_li .li_box{ padding:5px 15px; border:solid #fff; border-width:0 1px 0 0; background:rgba(51,102,255,0.15);}
.pop_tuan_box .pop_filter_li .li_box:first-of-type{ border-radius:15px 0 0 15px;}
.pop_tuan_box .pop_filter_li .li_box:last-of-type{ border-width:0; border-radius:0 15px 15px 0;}
.pop_tuan_box .pop_filter_li .li_box.on{ background:#36f; color:#fff;}
.pop_tuan_box .pop_filter_li .li_box .m_icon{ width:18px; height:18px; margin-right:5px; }
.pop_tuan_box .pop_filter_li .li_box .taila{ background:url(../images/in_nav_taila02.png);}
.pop_tuan_box .pop_filter_li .li_box.on .taila{ background:url(../images/in_nav_taila.png);}
.pop_tuan_box .pop_filter_li .li_box .shuatu{ background:url(../images/in_nav_shuatu02.png);}
.pop_tuan_box .pop_filter_li .li_box.on .shuatu{ background:url(../images/in_nav_shuatu.png);}
.pop_tuan_box .pop_filter_li .li_box .taila,.pop_tuan_box .pop_filter_li .li_box.on .taila,.pop_tuan_box .pop_filter_li .li_box .shuatu,.pop_tuan_box .pop_filter_li .li_box.on .shuatu{ background-size:18px;}

.pop_tuan_box .pop_tu_nav{ overflow:scroll hidden;}
.pop_tuan_box .pop_tu_nav .li_box{ position:relative; border-radius:3px; overflow:hidden; opacity:0.6;}
.pop_tuan_box .pop_tu_nav .li_box.on{ opacity:1;}
.pop_tuan_box .pop_tu_nav .li_box:first-of-type{ margin-left:0!important;}
.pop_tuan_box .pop_tu_nav .li_box p{ padding:2px 5px 2px 10px; background:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); position:absolute; right:0; bottom:0; color:#fff; font-size:smaller;}
.pop_tuan_box .pop_tu_nav .li_box p{ transform:scale(.8,.8); -webkit-transform:scale(.8,.8); transform-origin:bottom right; -webkit-transform-origin:bottom right;}
.pop_tuan_box .pop_tit{ margin:0;}

.pop_tuan_box .pop_tab_li{ border:solid 1px rgba(51,102,255,0.15); border-radius:3px; overflow:hidden;}
.pop_tuan_box .pop_tab_li .li_box{ width:100%; padding:5px 15px; border:solid rgba(51,102,255,0.15); border-width:0 1px 0 0; color:#36f; opacity:0.6;}
.pop_tuan_box .pop_tab_li .li_box:last-of-type{ border-width:0;}
.pop_tuan_box .pop_tab_li .li_box.on{ background:rgba(51,102,255,0.15); opacity:1;}
.pop_tuan_box .pop_tab_li .li_box .m_icon{ width:18px; height:18px; margin-right:5px; }
.pop_tuan_box .pop_tab_li .li_box .taila{ background:url(../images/in_nav_taila03.png);}
.pop_tuan_box .pop_tab_li .li_box .shuatu{ background:url(../images/in_nav_shuatu03.png);}
.pop_tuan_box .pop_tab_li .li_box .taila,.pop_tuan_box .pop_tab_li .li_box .shuatu{ background-size:18px;}

.pop_inp_list{}
.pop_inp_list .inp_li{ padding:10px 0; font-size:14px;}
.pop_inp_list .inp_li em{ font-style:normal;}
.pop_inp_list .inp_li:last-of-type.border_b:after{ display:none;}
.pop_inp_list .inp_li .name{ min-width:80px; color:#888;}
.pop_inp_list .inp_li .name .tips{ width:15px; height:15px; margin-left:3px; background-size:75px; background-position:-15px -45px; opacity:0.3;}
.pop_inp_list .inp_li .con{ flex:1; color:#333;}
.pop_inp_list .inp_li .con input{ width:100%; background:none; border:none; font-size:14px; text-align:right; flex:1;}

.pop_inp_list .inp_li .loca{}
.pop_inp_list .inp_li .loca span{ margin-left:10px; padding:3px 10px; border:solid 1px #36f; border-radius:3px; color:#36f;}
.pop_inp_list .inp_li .loca span.on{ background:#36f; color:#fff;}

.pop_inp_list .inp_li .add_pic{ padding:3px 8px; background:rgba(51,102,255,0.15); border:solid 1px #36f; border-radius:3px; position:relative; overflow:hidden; opacity:0.7;}
.pop_inp_list .inp_li .add_pic:active{ opacity:0.9;}
.pop_inp_list .inp_li .add_pic .m_icon{ width:15px; height:15px; margin-right:3px; background-size:75px; background-position:0px -45px; }

.pop_inp_list .inp_li .user_face img{ width:30px; min-width:30px; border-radius:50%;}
.pop_inp_list .inp_li .qiehuan{ width:15px; height:15px; background-size:75px; background-position:-45px 0px; opacity:0.2;}
.pop_inp_list .inp_li .pic_box{ flex:1;}
.pop_inp_list .inp_li .pic_box .pic{ max-height:60px; margin-left:6px;}
.pop_inp_list .inp_li .pic_box img{ border-radius:5px;}

.pop_inp_list .info_li h3{ padding:3px 0; font-size:14px;}

.pop_tuan_box .btn_sub{ height:90px;}
.pop_tuan_box .btn_sub .tips{ margin-bottom:8px; font-weight:bold; color:#e00;}

/*弹窗，完成结算*/
.pop_wancheng_box{ padding:0;}
.pop_wancheng_box .pop_tit{ margin:0 15px;}
.pop_wancheng_box .con_box{ padding:0 15px;}
.pop_wancheng_box .inp_radio{ margin-right:20px;}
.pop_wancheng_box .btn_sub{ margin:0 10px;}
.pop_wancheng_box .file_pic_list{ padding:15px 0 0;}
.js_dialog_wancheng .pop_wancheng_box .file_pic_list .pic_li .pic img{ max-height:90px;}

/*弹窗，买家确认结算*/
.pop_wancheng2_box{ padding:0;}
.pop_wancheng2_box .pop_tit{ margin:0 15px;}
.pop_wancheng2_box .con_box{ padding:0 15px;}
.pop_wancheng2_box .inp_radio{ margin-right:20px;}
.pop_wancheng2_box .btn_sub{ margin:0 10px;}
.pop_wancheng2_box .pop_inp_list .inp_li .name{ min-width:60px;}


/*input*/
.inp_radio{float:left; margin-right:8px;}
.inp_radio:last-of-type{ margin-right:0;}
.inp_radio .m_icon{ width:14px; height:14px; margin-right:3px; background:url(../images/inp_icon.png) no-repeat; background-size:14px; background-position:0 -40px;}
.inp_radio.on .m_icon{ background-position:0 -60px;}

.inp_checkbox{ float:left; margin-right:8px;}
.inp_checkbox:last-of-type{ margin-right:0;}
.inp_checkbox .m_icon{ width:14px; height:14px; margin-right:3px; background:url(../images/inp_icon.png) no-repeat; background-size:14px; background-position:0 0px;}
.inp_checkbox.on .m_icon{ background-position:0 -20px;}

/*上传图片*/
.file_pic_list{ flex:1;}
.file_pic_list .pic_li{ max-width:50%; margin-right:10px; float:left;}
.file_pic_list .pic_li:last-of-type{ margin-right:0;}
.file_pic_list .pic_li .pic{ background:#f6f6f6; border:solid 1px #f0f0f0; position:relative; }
.file_pic_list .pic_li .pic img{ max-height:60px;}
.file_pic_list .pic_li .pic .remove{ width:15px; height:15px; background-size:75px; background-position:-60px 0; position:absolute; top:-7px; right:-7px; opacity:0.8;}
.file_pic_list .pic_li .pic .remove:active{ opacity:1;}

.file_pic_list .pic_li .add{ width:60px; height:60px; position:relative; overflow:hidden;}
.file_pic_list .pic_li .add .m_icon{ width:20px; height:20px; background-size:100px; background-position:0 -60px; opacity:0.1;}

.pop_box .file_pic_list .pic_li .pic img{ max-height:40px;}
.pop_box .file_pic_list .pic_li .add{ width:40px; height:40px;}

